*{ margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 16px; color: #222327; box-sizing: border-box;}

img{ border: 0; -ms-interpolation-mode: bicubic;}

a,p,span,h1,i{ text-decoration: none; margin: 0;}

li,ul{ list-style: none;}

input,button{ border: none; outline: none; background: none; margin: 0;}

a{cursor: pointer;}

a,li{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;}



@font-face {

    font-family : DINPro;

    src : url(../font/DINPro-Bold.otf);

}

@font-face {

    font-family : Montserrat;

    src : url(../font/Montserrat-Black.otf);

}

@font-face {

    font-family : Montserrat-Bold;

    src : url(../font/Montserrat-Bold_0.otf);

}

@font-face {

    font-family : Montserrat-ExtraLight;

    src : url(../font/Montserrat-ExtraLight.otf);

}



.header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 99999; text-align: center; transition: all 0.5s; opacity: 1; visibility: visible;}

.header .header_logo{ float: left; overflow: hidden;}

.header_logo img{ float: left;}

.header_logo span{ float: left; color: #fff;}

.header_logo .logo_tu02{ display: none;}

.header_pc{ float: right;}

.header_pc ul::after{ content:''; display:block; width: 0; height:0; clear:both; visibility:hidden;}

.header_pc .header_topic{ float: left; cursor: pointer; position: relative;}

.header_word01{ transition: all 0.3s; position: relative;}

.header_word01 a{ display: inline-block; color: #fff;}

.header_word01 span{ display: block; width: 100%; height: 3px; background: #d30200; position: absolute; left: 0; bottom: 3px; z-index: 999; 

transition: all 0.3s; transform: scale(0);}

.header_word02{ position: absolute; left: 50%; z-index: 99999; padding: 10px 20px; min-width: 110%; box-shadow: 0 1px 3px #e1e1e1;

opacity: 0; visibility: hidden; transition: all 0.5s; transform: translate(-50%, 10%);}

.header_word02 a{ display: block; white-space: nowrap; text-align: center;}

.language{ float: right; overflow: hidden;}

.language img{ float: left;}

.language select{ float: left; outline: 0; background: transparent; border: 0; color: #fff; cursor: pointer;}

.header_tip{ float: right; overflow: hidden; cursor: pointer; transition: all 0.5s;}

.tip_tu02,.earth_tu02{ display: none;}

.triangle{ border-top-style: solid; border-top-color: #fff;}



.header_col{ background: #fff; box-shadow: 0 0 10px #aaa;}

.header_logo .header_hue{ color: #323232;}

.header_word01 .header_hue{ color: #323232;}

.header_word02 .header_hue{ color: #323232;}

.language .header_hue{ color: #323232;}

.language .header_bor{ border-top-color: #323232;}

.header_act{ opacity: 0; visibility: hidden;}

.header_topic:hover .header_word01 span{ transform: scale(1);}

.header_topic:hover .header_word02{ opacity: 1; visibility: visible; background: #fff; transform: translate(-50%,0);}

.header_topic:hover .header_word02 span{ width: 100%;}

.header_word02 a:hover{ color: #d30200; font-weight: bold;}

.searcher{ position: absolute; width: 30%; padding: 0 4% 0 3%; right: 20%; z-index: 2000; border-bottom: solid 1px #666; 

opacity: 0; visibility: hidden;}

.searcher input{ width: 100%;}

.searcher img{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 3000; cursor: pointer; transition: all 0.3s;}

.header_tip_act{ transform: translateX(-10vw);}

.searcher_act{ transition: all 0.5s ease 0.2s; opacity: 1; visibility: visible;}

.searcher .search_close:hover{ transform: translateY(-50%) rotate(180deg);}



.header_title{ position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; background: #2d4a9f;

opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.6s;}

.header_title01{ padding: 1rem 8%; border-bottom: solid 1px #3552a8; overflow: hidden; line-height: 1.2rem;}

.header_title01 p{ color: #fff; font-weight: bold; float: left; font-size: 0.8rem;}

.header_title01 span{ color: #fff; font-weight: bold; float: right; font-size: 0.9rem; padding: 0 0 0.15rem 0.3rem;}

.header_title02{ max-height: 80vh; overflow-y: scroll;}

.dropdown-menu{ border-bottom: solid 1px #3552a8;}

.dropdown-menu p{ font-size: 0.7rem; color: #fff; padding: 0 8%; line-height: 2.2rem;}
.dropdown-menu p a{font-size: 0.7rem; color: #fff;}
.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 8%; background: #4460b2;}

.dropdown-menu li{ line-height: 1.8rem; height: 1.8rem;} 

.dropdown-menu .dropdown-ul li{ width: 49%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: left;}

.dropdown-menu li a{ font-size: 0.65rem; color: #fff;}

.dropdown-menu .dropdown-ul .fullwide{ width: 100%;}

.header_menu img{ display: block;}

.header_menu .bill_tu02{ display: none;}

.title_show{ opacity: 1; visibility: visible; transform: translateX(0);}

.bg{ background: #f5f5f5;}



.container{ margin: 0 auto;}

.rel{ position: relative;}

.flow{ overflow: hidden;}

.clear{ clear: both;}

.content_bg{ background: #f5f5f5;}

.bannerswiper{ position: relative;}

.banner{ width: 100%; position: relative;}

.banner_pic{ display: block; width: 100%; height: 90vh; overflow: hidden;}

.banner_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.banner_word{ position: absolute; left: 0; z-index: 9; width: 100%;}

.banner_word .word_pic01{ display: block;}

.banner_word .word_pic02{ display: block;}

.banner_btn{ cursor: pointer;}

.banner_btn span{ color: #fff;}

.banner_btn span:hover{ text-decoration: underline;}

.pvBtn,.ntBtn{ position: absolute; top: 58%; z-index: 99; cursor: pointer;}

.pvBtn01,.ntBtn01{ display: block;}

.pvBtn02,.ntBtn02{ display: none;}

.pvBtn:hover .pvBtn01{ display: none;}

.pvBtn:hover .pvBtn02{ display: block;}

.ntBtn:hover .ntBtn01{ display: none;}

.ntBtn:hover .ntBtn02{ display: block;}

.downward{ position: absolute; left: 50%; transform: translate(-50%,0); z-index: 99; text-align: center;}

.downward p{ color: #fff;}

.downward img{animation: act 2s ease-in infinite; -webkit-animation: act 2s ease-in infinite;}

.banner_btn img{ animation: tag 2s ease-in infinite; -webkit-animation: tag 2s ease-in infinite;}

@keyframes act {

    0%{

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

    60%{

        -webkit-transform: translateY(8px);

        transform: translateY(8px);

    }

    100%{

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes tag {

  0% {

    transform: translateX(0);

  }

  60% {

    transform: translateX(10px);

  }

  100% {

    transform: translateX(0);

  }

}







#banner_pagination{

	text-align: left;

}

#banner_pagination span{

	color: #fff;

}

#banner_pagination .swiper-pagination-bullet{ 

  position: relative;

  width: 40px;

  height: 40px;

  line-height: 34px;

  border: solid 3px #6c6c6c;

  box-sizing: border-box;

  background: transparent;

  text-align: center;

  color: #6c6c6c;

}

#banner_pagination .swiper-pagination-bullet .left{

  display: block;

  position: absolute;

  top: -3px;

  left: -3px;

  margin: auto;

  width: 20px;

  height: 40px;

  opacity: 0;

  overflow: hidden;

}

#banner_pagination .swiper-pagination-bullet .left:after{

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 99;

  margin: auto;

  width: 20px;

  height: 40px;

  border-top: 3px solid #fff;

  border-left: 3px solid #fff;

  border-bottom: 3px solid #fff;

  border-radius: 20px 0 0 20px;

  border-right: 0;

  box-sizing: border-box;

}

#banner_pagination .swiper-pagination-bullet .right{

  display: block;

  position: absolute;

  top: -3px;

  right: -3px;

  margin: auto;

  width: 20px;

  height: 40px;

  opacity: 0;

  overflow: hidden;

}

#banner_pagination .swiper-pagination-bullet .right:after{

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  margin: auto;

  width: 20px;

  height: 40px;

  border-top: 3px solid #fff;

  border-right: 3px solid #fff;

  border-bottom: 3px solid #fff;

  border-radius: 0 20px 20px 0;

  border-left: 0;

  box-sizing: border-box;

}

#banner_pagination .swiper-pagination-bullet-active {

	color: #fff;

}

#banner_pagination .swiper-pagination-bullet-active .left{

	opacity: 1;

}

#banner_pagination .swiper-pagination-bullet-active .right{

	opacity: 1;

}

#banner_pagination .swiper-pagination-bullet-active .left:after{

  transform-origin: right center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 6s;

  animation-timing-function: linear;

  animation-name: gyrateleft;

}

#banner_pagination .swiper-pagination-bullet-active .right:after{

  transform-origin: left center;

  /* animation-iteration-count: infinite; */

  animation-fill-mode: forwards;

  animation-duration: 6s;

  animation-timing-function: linear;

  animation-name: gyrateright;

}

@keyframes gyrateright {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(360deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

@keyframes gyrateleft {

  0% {

    transform: rotate(180deg);

  }

  50% {

    transform: rotate(180deg);

  }

  100% {

    transform: rotate(360deg);

  }

}



.category ul{ overflow: hidden;}

.category li{ float: left; width: 50%; overflow: hidden; position: relative;}

.category .cate_tu{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.cate_word01{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99;}

.cate_word p{ color: #999; text-transform:uppercase;}

.cate_word h1{ color: #000;}

.cate_word section{ position: absolute; z-index: 99; display: flex; align-items: center;}

.cate_word span{ text-transform: uppercase; color: #999; transition: all 0.3s;}

.cate_word img{ transition: all 0.5s; transform: translateX(0);}

.category li:hover>.cate_tu{ transform: scale(1.03);}

.category li:hover .cate_word span{ color: #333;}

.category li:hover .cate_word img{ transform: translateX(10px);}



.supplier{ position: relative;}

.supplier_title{ position: absolute; left: 0; z-index: 9; width: 100%;}

.supplierTab{ position: absolute; top: 50%; transform: translateY(-50%); right: 8.5%; z-index: 999;}

.supplier_ul{ position: relative; cursor: pointer;}

.supplier_ul p{ display: none; background: #c40303; color: #fff; text-align: center;}

.supplier_ul section{ background: #fff; overflow: hidden;}

#galleryThumbs01 .swiper-slide-thumb-active .supplier_ul p{ display: block;}

#galleryThumbs01 .swiper-slide-thumb-active .supplier_ul section{ display: none;}

.supplier_ul .client_pic{ width: 100%;}

.supplier_title h1{ color: #fff;}

.supplier_title p{ color: #fff;}

.supplierCon{ position: relative; cursor: pointer;}

.supplierCon li{ overflow: hidden; position: relative;}

.supplier_pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.supplier_word{ position: absolute; left: 0; z-index: 50; width: 100%;}

.supplier_word section{ display: inline-flex; align-items: center; cursor: pointer;}

.supplier_word p{ color: #fff;}

.supplier_word span{ color: #999; text-transform: uppercase; transition: all 0.5s;}

.supplier_word img{ transition: all 0.5s;}

.supplierTab .prev1{ position: absolute; top: -30px; right: 50%; transform: translateX(50%); z-index: 999; cursor: pointer;}

.supplierTab .next1{ position: absolute; bottom: -30px; right: 50%; transform: translateX(50%); z-index: 999; cursor: pointer;}

.supplier_word section:hover>span{ color: #fff;}

.supplier_word section:hover>img{ transform: translateX(10px);}



.cooperate{ background: #ededed; overflow: hidden; position: relative;}

.earth_pic{ position: absolute; z-index: 99;}

.earth_pic .earth_img{ transition: all 0.5s;}

.earth_pic .locate_pic01{ position: absolute; z-index: 999;}

.earth_pic .locate_pic02{ position: absolute; z-index: 999;}

.earth_pic .location01{ left: 38%; bottom: 45%; animation: twinkle 2.5s ease-in infinite; -webkit-animation: twinkle 2.5s ease-in infinite;}

.earth_pic .location02a{ left: 15%; bottom: 35%; animation: twinkle 2.5s ease-in 0.1s infinite; -webkit-animation: twinkle 2.5s ease-in 0.1s infinite;}

.earth_pic .location02b{ left: 28%; bottom: 65%; animation: twinkle 2.5s ease-in 0.2s infinite; -webkit-animation: twinkle 2.5s ease-in 0.2s infinite;}

.earth_pic .location02c{ left: 25%; bottom: 10%; animation: twinkle 2.5s ease-in 0.3s infinite; -webkit-animation: twinkle 2.5s ease-in 0.3s infinite;}

.earth_pic .location02d{ left: 70%; bottom: 60%; animation: twinkle 2.5s ease-in 0.2s infinite; -webkit-animation: twinkle 2.5s ease-in 0.2s infinite;}

.product_title{ position: relative;}

.product_title h1,.product_title h2{ font-weight: normal; font-family: Montserrat; text-transform: uppercase; color: #f3f3f3;}

.product_title .product_title_hue01{ color: #e1e1e1;}

.product_title .product_title_hue02{ color: #fff;}

.product_title p{ font-weight: bold; color: #000; position: absolute; z-index: 9;}

.product_title .h_left{ left: 0;}

.product_title .h_right{ right: 0;}

.product_title i{ vertical-align: text-top; font-style: normal; color: #000;}

.product_title span{ display: block; color: #000;}

.title_right{ text-align: right;}

.cooperate_part{ float: right;}

.record ul{ width: 100%; text-align: justify; }

.record ul::after{ content: ''; display: inline-block; width: 100%;}

.record li{ display: inline-block;}

.record span{ font-family : DINPro; color: #c40303;}

.record section{ display: inline-block;}

.record p{ color: #000;}

.record h1{ color: #000; font-weight: normal;}

.record h2{ color: #000; font-weight: normal;}



@keyframes twinkle{

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(0.8);

  }

  100% {

    transform: scale(1);

  }

}



.about_btn{ display: inline-flex; align-items: center; cursor: pointer;}

.about_btn span{ color: #999;}

.about_btn img{ transition: all 0.5s;}

.about_btn:hover>span{ color: #000;}

.about_btn:hover>img{ transform: translateX(10px);}

.figure_bg{ background: #2d4a9f;}

.figure span{ font-family : DINPro; color: #fff;}

.figure section{ display: inline-block;}

.figure p{ color: #fff;}

.figure h1{ color: #fff; font-weight: normal;}

.figure h2{ color: #fff; font-weight: normal;}



.product_btn{ display: flex; align-items: center; cursor: pointer;}

.product_btn button{ color: #000; transition: all 0.5s; cursor: pointer;}

.product_btn img{ transition: all 0.5s;}

.product_btn:hover>button{ color: #c40303;}

.product_btn:hover>img{ transform: translate(10px);}

.news ul{ overflow: hidden;}

.news li{ position: relative; float: left; overflow: hidden;}

.news_title h1{ color: #000;}

.news_title span{ display: block; color: #000;}

.news_brief{ color: #000;}

.news_pic{ position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; transition: all 0.5s; overflow: hidden;

opacity: 0; visibility: hidden; transform: translateX(-100px);}

.news_pic img{ width: 100%; height: 100%; object-fit: cover;}

.news_pic section{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 100%; background: rgba(0,0,0,0.5);}

.news_pic h1{ color: #fff; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_pic p{ color: #fff;}

.news li:hover .news_pic{ opacity: 1; visibility: visible; transform: translateX(0);}



.footer{ background: #232323;}

.footer01a{ float: left;}

.footer01b{ float: right;}

.footer_contact{ position: relative;}

.footer_contact h1{ font-family: Montserrat; font-weight: normal; color: #363636;}

.footer_contact p{ color: #f3f3f3; position: absolute; left: 0; z-index: 99;}

.footer_contact span{ font-family: Montserrat-Bold; color: #fff;}

.footer_pic ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}

.footer_pic li{ float: left; position: relative;}

.footer_pic li a{ display:inline-block}



.footer_pic section{ display: inline-flex; align-items: center; justify-content: center; background: #424242; border-radius: 50%;}

.footer_pic .footer_tu{ position: absolute; left: 50%; top: 55px; transform: translateX(-50%) scale(0); z-index: 99; transition: all 0.5s; opacity: 0; visibility: hidden;}

.footer01b ul{ overflow: hidden;}

.footer01b li{ float: left;}

.footer01b li b{ color: #f3f3f3;}

.footer01b li b a{ color: #f3f3f3;}



.footer01b li p{ color: #ccc;}

.footer01b li p a{ color: #ccc;}





.footer_pic li:hover>section{ background: #363636;}

.footer_pic li:hover>.footer_tu{ opacity: 1; visibility: visible; transform: translateX(-50%) scale(1);}

.footer01b li p:hover{ color: #fff;}

.footer02{ overflow: hidden;}

.footer02 p{ color: #fff; float: left;}

.footer02 ul{ overflow: hidden;}

.footer02 li{ float: left;}

.footer02 a{ color: #fff;}

.footer02 a:hover{ text-decoration: underline;}



.picture{ position: relative; width: 100%; height: 60vh; overflow: hidden;}

.picture_about{ position: relative; width: 100%; height: 90vh; overflow: hidden;}

.picture_tu{ width: 100%; height: 100%; object-fit: cover;}

.picture_word{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 99;}



.establish{ width: 100%; position: relative;}

.establish01{ float: left;}

.establish02{ display: flex; align-items: center; background: #d30200;}

.establish02 ul{ overflow: hidden; text-align: justify;}

.establish02 ul::after{ content: ''; display: inline-block; width: 100%;}

.establish02 li{ display: inline-block; position: relative;}



.establish02 p{ font-family: Montserrat-Bold; color: #fff;}

.establish02 span{ color: #fff;}



.infor{ background: url(../img/infor_bg.jpg) center no-repeat; background-size: cover;}

.infor_line{ position: absolute; top: 0; left: 0; z-index: 99; height: 100%; background: #d30200;}

.infor_word{ float: left; color: #999;}

.infor_vid{ float: right; position: relative;}

.infor_vid video{ width: 100%;}

.advert_pic{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99;}



.president{ position: relative;}

.president_pic img{ display: block; width: 100%;}

.president_r{ float: right; position: relative;}

.lecture{ position: absolute; z-index: 99;}

.president_word{ color: #666; background: url(../img/quote_img01.png) left top 30px no-repeat,url(../img/quote_img02.png) right bottom 30px no-repeat;}

.president_sign{ float: right;}

.president_sign p{ color: #000;}

.culture_bg{ background: url(../img/tag_bg.png) center top no-repeat; background-size: cover;}

.culture{ overflow: hidden;}

.culture01{ float: left;}

.culture02{ float: left;}

.culture01 li{ position: relative;}

.culture01 li::after{ content: ''; position: absolute; z-index: 9;}

.culture01 li:last-child::after{ display: none;}

.culture01 .culture_item{ position: relative;}

.culture_item p{ color: #000; font-weight: bold;}

.culture_item span{ display: block; background: #000;}

.culture_title{ font-weight: bold; color: #000;}

.culture_title span{ font-weight: bold; color: #000; background: url(../img/title_line.png) center bottom no-repeat;}

.culture01 .culture_on p{ color: #fe0000;}

.culture01 .culture_on span{ background: #fe0000;}

.culture02 li{ display: none;}

.culture02 .culture_show{ display: block;}



.honour{ overflow: hidden;}

.honour01{ float: left;}

.honour02{ float: right;}

 .honour_pic img{ width: 100%;}

.honour_word span{ display: none; color: #a00000;}

.honour_word .on{ color: #a00000;}

.honour_word .on span{ display: inline-block;}



.picture_word h1{ font-family: Montserrat-Bold; color: #fff; text-shadow: 0 2px 5px #333;}

.picture_word p{ color: #fff;}



.solve li{ background: #fff; overflow: hidden; transition: all 0.5s;}

.cate_word02{ position: relative;}

.cate_picture{ overflow: hidden;}

.cate_picture img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}



.solve li:hover{ box-shadow: 0 5px 20px #e1e1e1;}

.cate_word:hover>section span{ color: #333;}

.cate_word:hover>section img{ transform: translateX(10px);}

.cate_picture:hover>img{ transform: scale(1.03);}



.pagination{ overflow: hidden;}

.pagination ul{ overflow: hidden;}

.pagination ul a{ float: left; background: #fff; text-align: center; transition: all 0.2s;}

.pagination ul a.page-num-current{ background: #cf1323; color: #fff;}







.pagination .arrow_left,.pagination .arrow_right{ cursor: pointer;}

.pagination .arrow_left img{ transform: rotateY(180deg);}

.pagination ul a:hover{ background: #cf1323; color: #fff;}

.arrow_left .up_page_a,.arrow_right .down_page_a{ display: none;}

.arrow_left:hover>.up_page{ display: none;}

.arrow_left:hover>.up_page_a{ display: inline-block;}

.arrow_right:hover>.down_page{ display: none;}

.arrow_right:hover>.down_page_a{ display: inline-block;}



.lead{ overflow: hidden;}

.lead_title{ float: left; color: #000; font-weight: bold;}

.lead_ul{ overflow: hidden;}

.lead_ul li{ float: left; color: #999; transition: all 0.3s;}



.case_list ul{ overflow: hidden;}

.case_list li{ background: #fff; overflow: hidden; transition: all 0.5s;}

.case_word{ float: left; position: relative;}

.case_word h1{ transition: all 0.3s;}
.case_word h1 a{font-size: 1.5em;}
.case_word p{ color: #999; transition: all 0.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.case_pic{ float: right; overflow: hidden;}

.case_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.case_list li:hover{ box-shadow: 0 5px 20px #ddd;}

.case_list li:hover .case_word h1 a{ color: #d30200;}

.case_list li:hover .case_word p{ color: #333;}

.case_pic:hover>img{ transform: scale(1.05);}



.pro_list ul{ overflow: hidden;}

.pro_list li{ float: left; background: #fff; transition: all 0.5s;}

.pro_pic{ width: 100%; overflow: hidden;}

.pro_pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.pro_word{ overflow: hidden; border-top: solid 1px #eee;} 

.pro_word p{ float: left; transition: all 0.3s;}

.pro_word img{ float: right; transition: all 0.5s;}

.pro_list li:hover{ box-shadow: 0 0 20px #ccc;}

.pro_list li:hover .pro_pic img{ transform: scale(1.02);}

.pro_list li:hover .pro_word p{ color: #000;}

.pro_list li:hover .pro_word img{ transform: translateX(-10px);}



.information ul{ overflow: hidden;}

.information li{ background: #fff; overflow: hidden; position: relative;}

.information01 span{ display: inline-block; background: #e3e3e3; transition: all 0.2s;}

.information01 h1{ color: #000; font-weight: normal; transition: all 0.2s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*
.information01 h1 a{ color: #000; font-weight: bold;}
*/
.information01 h1 a:hover{color: #d30200; font-weight: bold;}

.information01 p{ color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.information02 button{ display: inline-block; background: #e3e3e3; text-transform: uppercase; transition: all 0.2s;}

 

.information_line{ width: 0; position: absolute; bottom: 0; left: 0; z-index: 9; transition: all 0.5s; background: #d30200;}

.information li:hover .information01 span{ background: #d30200; color: #fff;}

.information li:hover .information01 h1{ color: #d30200;}
.information li:hover .information01 h1 a{ color: #d30200;}

.information li:hover .information01 p{ color: #333;}

.information li:hover .information02 button{ background: #d30200; color: #fff;}

.information li:hover .information02 a{  color: #fff;}



.information li:hover .information_line{ width: 100%;}



.advice{ overflow: hidden; background: #fff; position: relative;}

.advice01{ float: left;}

.advice02{ float: right; text-align: right;}

.advice01 h1{ color: #d30200;}

.advice01 p{ color: #999; font-weight: bold;}

.advice01 span{ color: #000; font-weight: bold;}

.advice02 input{ width: 100%; background: #f5f5f5;}

.advice02 textarea{ width: 100%; background: #f5f5f5; resize: none; outline: 0; border: 0;}

.advice02 button{ background: #d30200; text-align: center; color: #fff; transition: all 0.2s; cursor: pointer;}

.advice03{ color: #000;}

.advice03 h1{ color: #d30200; font-family: Montserrat-Bold;}

.advice02 button:hover{ background: #c00302;}



.article{ background: #fff;}

.article_title{ border-bottom: solid 1px #e1e1e1; overflow: hidden;}

.article_data{ float: left; background: #2d4a9f; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.article_data h1{ color: #fff;}

.article_data span{ color: #fff;}

.article_w{ float: right; color: #000; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.article_tip{ display: flex; align-items: center; justify-content: flex-end;}

.article_tip ul,.article_tip li{ display: inline-block;}

.article_tip .article_icon{ display: inline-block;}

.article_tip .article_icon_a{ display: none;}

.article_tip li:hover>.article_icon{ display: none;}

.article_tip li:hover>.article_icon_a{ display: inline-block;}

.article_other{ overflow: hidden; position: relative;}

.article_other01{ float: left; cursor: pointer;}

.article_other02{ cursor: pointer;}

.article_other03{ cursor: pointer;}

.article_other span{ color: #999;}

.article_other p{ color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.article_other h1{ color: #000; font-weight: normal;}

.article_other01:hover>span{ color: #000;}

.article_other03:hover>span{ color: #000;}

.article_other02:hover>h1{ color: #d30200;}

.article_p{ text-align: center; font-weight: bold; color: #000;}



.touch{ background: #fff; overflow: hidden; box-shadow: 0 0 20px #ccc;}

.touch01{ float: left; overflow: hidden; display: flex; align-items: center; justify-content: center;}

.touch01 img{ display: block;}

.touch02{ float: right;}

.touch02 h1{ color: #000;}

.touch02 li{ border-bottom: dashed 1px #cdcdcd; overflow: hidden;}

.touch02 img{ float: left;}

.touch_w p{ color: #999;}

.touch_w span{ color: #000;}

.touch_line{ border-right: dashed 1px #dcdcdc;}



.honourswiper{ position: relative;}

.honour_prev,.honour_next{ display: inline-block; cursor: pointer;}

.honour_Btn .honour_Btn02{ display: none;}

.honour_prev:hover>.honour_Btn01{ display: none;}

.honour_prev:hover>.honour_Btn02{ display: inline-block;}

.honour_next:hover>.honour_Btn01{ display: none;}

.honour_next:hover>.honour_Btn02{ display: inline-block;}

.honour_Btn{ position: absolute; z-index: 99;}

#honour_pagination{ position: absolute; z-index: 99; text-align: left;}

#honour_pagination .swiper-pagination-bullet{ background: #666;}

#honour_pagination .swiper-pagination-bullet-active{ background: #ff3232;}



.developL{ float: left; position: relative;}

.developR{ float: right;}

.develop_ul{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 99;}

.develop_time{ position: relative; cursor: pointer;}

.develop_time p{ color: #fff; font-family : Montserrat-ExtraLight; text-align: right;}

.develop_time  span{ display: block; background: #000; position: absolute; z-index: 9;}

.developCon_p p{ color: #666;}

#galleryThumbs02 .swiper-slide-thumb-active .develop_time p{ color: #fe0000; font-family : Montserrat-Bold;}

#galleryThumbs02 .swiper-slide-thumb-active .develop_time span{ background: #fe0000;}

.develop_prev{ text-align: center;}

.develop_next{ text-align: center;}

.develop_ul .prev2{ position: absolute; z-index: 999; cursor: pointer;}

.develop_ul .next2{ position: absolute; z-index: 999; cursor: pointer;}



.parter{ background: url(../img/part_bg.jpg) center no-repeat; background-size: cover;}

.parter_pic ul{ overflow: hidden;}

.parter_pic li{ float: left; border: solid 1px #e1e1e1; background: #fff; box-sizing: border-box; overflow: hidden; text-align: center; cursor: pointer;}

.parter_pic li img{ display: inline-block; vertical-align: middle;}

.parter_pic .parter_tu02{ display: none;}

.parter_pic li:hover>.parter_tu01{ display: none;}

.parter_pic li:hover>.parter_tu02{ display: inline-block;}



.fabric{ overflow: hidden; background: #fff;}

.fabric01{ float: left;}

.fabric02{ float: right; text-align: center;}

.fabric01 span{ color: #d30200;}

.fabric01 h1{ color: #000; border-bottom: solid 1px #e1e1e1;}

.fabric01 p{ color: #666;}

.fabric01 button{ background: #d30200; color: #fff; display: inline-flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all 0.3s;}

.fabric01 button img{ transition: all 0.5s;}

.fabric01 button:hover{ background: #c60200;}

.fabric01 button:hover>img{ transform: translateX(10px);}



.chapter{ background: #fff;}

.chapter::after { content: ''; display: block;  height: 0; clear: both; visibility: hidden;}

.explicit{ float: left;}

.explicit h1{ color: #000;}

.explicit p{ color: #666;}

.guide{ float: right;}

.guide li{ width: 100%; background: #f5f5f5; color: #000; text-align: center; transition: all 0.1s;}

.guide .guide_active{ background: #d30200; color: #fff;}

.guide li:hover{ background: #d30200; color: #fff;}